@import url("//at.alicdn.com/t/font_383899_bjqqg3qyu33j714i.css");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, nav, section, article, footer, figure, figcaption, aside { margin: 0; padding: 0; box-sizing: border-box; }

body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }

td, th, caption { font-size: 1rem; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

a { text-decoration: none; }

img { border: none; }

ol, ul, li { list-style: none; }

table { border-collapse: collapse; }

html { overflow-y: scroll; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

html { font-size: 15.625vw; }

body { font-size: 0.28rem; line-height: 150%; background-color: #e9eaee; }

#area .weui-check:checked + i:before { color: #07aefc; }

.weui-cells { font-size: 0.28rem; margin-top: 0; }

.weui-cell { height: 0.85rem; line-height: 0.85rem; padding: 0 15px; overflow: hidden; }

.weui-cell__bd, .weui-cell__bd input { height: 100%; background-color: transparent; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.errTip { width: 100%; height: 0.85rem; line-height: 0.85rem; background-color: #fff; color: red; text-align: center; display: none; }

.confirm, .cancel { display: block; height: 100%; }

.cancel { background-color: #fff; color: #666; }

.confirm { background-color: #07aefc; color: #fff; }

.shadow-box-1, .shadow-box-2, .shadow-box-4 { transform: rotate(-23deg); -webkit-transform: rotate(-23deg); }

.shadow-box-1 { left: -3.28rem; top: 38%; }

.shadow-box-2 { left: -1.93rem; bottom: 16.66666%; }

.shadow-box-3 { right: -2.8rem; top: 1.9rem; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); }

.shadow-box-4 { right: -1.16rem; bottom: 9.66666%; }

.warmTips { width: 50%; font-size: 0.28rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.warmTips img { width: 100%; height: auto; display: block; margin-bottom: .32rem; }

.header { position: relative; width: 100%; height: 0.85rem; line-height: 0.85rem; background-color: #3a393e; color: #fff; padding-left: 15px; padding-right: 15px; }

.header h1 { font-size: 0.32rem; font-weight: 100; letter-spacing: .01rem; }

.header .go-back { position: absolute; top: 0; left: 15px; font-size: 0.32rem; }

#project-comment i { font-size: 0.32rem; }

.page-header { padding: 15px; background-color: #07aefc; color: #fff; }

.page-header .page-title { font-size: 0.32rem; font-weight: bold; margin-bottom: .25rem; }

.page-header p { font-size: 0.28rem; margin-bottom: .15rem; }

.page-header .icon-row, .page-header .icon-row i { font-size: .24rem; white-space: nowrap; }

.page-header .icon-row i { margin-right: .1rem; }

.page-body, .page-footer { background-color: #fff; padding-top: .45rem; padding-right: 15px; padding-left: 15px; }

.page-body { width: 100%; }

.page-body p { color: #666; line-height: 180%; text-align: Justify; }

.section-title { width: 26.66666%; height: .7rem; line-height: .7rem; background-color: #23a8f5; color: #fff; margin: 0 auto .45rem auto; transform: skew(-20deg, 0); -webkit-transform: skew(-20deg, 0); position: relative; }

.section-title h2 { font-size: .3rem; transform: skew(20deg, 0); -webkit-transform: skew(20deg, 0); }

.section-title:before, .section-title:after { display: block; content: ""; width: .04rem; height: .75rem; background-color: #07aefc; position: absolute; }

.section-title:before { left: -0.12rem; top: -0.12rem; }

.section-title:after { right: -0.12rem; bottom: -0.12rem; }

.page-footer { padding-bottom: .8rem; }

.page-footer .tags span { display: inline-block; background-color: #e8f8ff; color: #07aefc; border-radius: 6px; height: .56rem; line-height: .56rem; padding-left: 20px; padding-right: 20px; margin: 8px; font-size: 0.28rem; }

.footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 0.85rem; line-height: 0.85rem; background-color: #23a8f5; letter-spacing: .1rem; }

.picker { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0, 0, 0, 0.5); }

.picker .picker-inner { width: 100%; background-color: #fff; position: absolute; bottom: 0; }

.picker .picker-content { width: 100%; height: 45vh; }

.picker .picker-hd { height: 9vh; line-height: 9vh; border-bottom: 1px solid #f6f6f6; overflow: hidden; text-align: center; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }

.picker .picker-hd .picker-cancel { float: left !important; color: #666; }

.picker .picker-hd .picker-confirm { float: right !important; color: #07aefc; }

.picker .picker-hd a { text-decoration: none; }

.picker .picker-bd { width: 100%; height: 36vh; color: #c2c2c2; overflow: hidden; }

.picker .picker-bd .picker-selected { width: 100%; height: .65rem; line-height: .65rem; text-align: center; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; }

.picker .picker-bd .picker-selected span { height: inherit; line-height: inherit; display: block; }

.picker .picker-bd .swiper-container { position: relative !important; overflow: visible !important; }

.picker .picker-bd .swiper-wrapper { position: absolute; top: 0; width: 100%; }

.picker .picker-bd .swiper-wrapper, .picker .picker-bd .swiper-slide { background-color: transparent !important; }

.picker .picker-bd .swiper-slide-active { color: #2f2f2f; }
